<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<title>Istanze viaggio con lista</title>
	<link rel="stylesheet" type="text/css" href="styles/style.css" />
</h:head>
<h:body>
<div id="container">
<div id="box">

<header class="banner">
<span id="titoloPagina"> Ecco il Sogno che cercavi </span>
</header>

<div id="externalborder1">
<p:spacer height="40px" />

<h:form>
	<div id="externalborderTab"> 
		<p:dataTable id="istanzeSel" var="istanzaDTO" rowKey="#{istanzaDTO.idIstanza}" value="#{pagamentoPP.istanze}" paginator="true" >  
  
  
   		
			<p:ajax event="rowSelect" listener="#{pagamentoPP.onRowSelectIstanza}"/>

   		
		    <p:column headerText="TipoElemento">  
	            <h:outputText value="#{istanzaDTO.elemento.tipo}" />  
	        </p:column> 
	        
	         <p:column headerText="Nome">  
	            <h:outputText value="#{istanzaDTO.elemento.nome}" />  
	        </p:column>
	        
	        <p:column headerText="DataInizio">  
	            <h:outputText value="#{istanzaDTO.dataInizio}">  
                <f:convertDateTime pattern="d/M/yyyy"/>  
            </h:outputText>    
	        </p:column>  
	   
  
	        <p:column headerText="DataFine">  
	            <h:outputText value="#{istanzaDTO.dataFine}" >  
                <f:convertDateTime pattern="d/M/yyyy"/>  
            </h:outputText>    
	        </p:column>  
	           
	        <p:column headerText="Prezzo">  
	            <h:outputText value="#{istanzaDTO.prezzo}" />  
	        </p:column>
	        
	         <p:column headerText="Citta">  
	            <h:outputText value="#{istanzaDTO.elemento.città}" />  
	        </p:column> 
	       
	      
	        
	        <p:column headerText="Multy">  
	            <h:outputText value="#{istanzaDTO.elemento.multy}" />  
	        </p:column> 
	        
	    
	        
	    </p:dataTable>
    </div>
    
 </h:form>
  <p:spacer height="40px" />

	<h:form>
	<div id="columnBox" style="margin:0px auto; width:70%">
	
	<div id="column1" style="float:left; margin:0; margin-left:111.5px;">
	<a id="registerlink" href="ricercaViaggio.xhtml">
					<div class = "button" id = "indietro">
						Indietro
					</div>
				</a>


 
</div>

<div id="column2" style="float:left; margin:0;margin-left:111.5px;">
 <a id="registerlink" href="users/partecipaViaggio.xhtml">
					<div class = "button" id = "visualizza">
						Partecipa al Sogno
					</div>
					</a>
</div>

<div id="column3" style="float:left; margin:0;margin-left:111.5px;">
 <a id="visualizzalink" href="users/istanzeViaggioAltroAB.xhtml">
					<div class = "button" id = "visualizza">
						Procedi il Pagamento
					</div>
				</a>

				</div>
				</div>
 </h:form> 
    
 </div>
</div>
<div id="push">
</div>
</div>

<div id="footer">
<h:button id="homepage" value="Homepage" outcome="home.xhtml"></h:button>
</div>

</h:body>
    
</html>